// import React, { createRef } from "react";

// class App extends React.Component {
//   myRef = createRef();

//   getMyRef = () => {
//     console.log(this.myRef);
//   }
//   render() {
//     return (
//       <>
//         <div ref={ this.myRef }>React类组件</div>
//         <button onClick={ this.getMyRef }>获取</button>
//       </>
//     )
//   }
// }

// export default App;


import { useRef } from "react";

function App() {
  const myRef = useRef(null);

  function getMyRef() {
    console.log(myRef);
  }
  return (
    <>
      <div ref={ myRef }>React函数组件</div>
      <button onClick={ getMyRef }>获取</button>
    </>
  )
}

export default App;
